<!DOCTYPE html>
<html>
<head>
    <title>示例标题</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/5.1.0/github-markdown.min.css"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.26.0/themes/prism.min.css"/>
    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.26.0/plugins/line-numbers/prism-line-numbers.min.css"/>
    <style type="text/css">
        .markdown-body {
            box-sizing: border-box;
            min-width: 200px;
            max-width: 980px;
            margin: 0 auto;
            padding: 45px
        }

        @media (max-width: 767px) {
            .markdown-body {
                padding: 15px
            }
        }
    </style>
</head>
<body class="markdown-body">
<article>
    <!-- markdown-start -->
    <h2 id="markdown示例文本">Markdown示例文本</h2>
    <p>Markdown是一种轻量级的「标记语言」。</p>
    <blockquote>
        <p>引用文本：Markdown is a text formatting syntax inspired</p>
    </blockquote>
    <h3 id="普通内容">普通内容</h3>
    <ul>
        <li><strong>读一本好书，就是在和高尚的人谈话。</strong> ——歌德</li>
        <li><em>雇用制度对工人不利，但工人根本无力摆脱这个制度。</em> ——阮一峰</li>
    </ul>
    <h3 id="表格">表格</h3>
    <table>
        <thead>
        <tr>
            <th align="left">姓名</th>
            <th align="center">年龄</th>
            <th align="right">工作</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td align="left">小可爱</td>
            <td align="center">18</td>
            <td align="right">吃可爱多</td>
        </tr>
        <tr>
            <td align="left">小小勇敢</td>
            <td align="center">20</td>
            <td align="right">爬棵勇敢树</td>
        </tr>
        </tbody>
    </table>
    <h3 id="代码块">代码块</h3>
    <p>语言名称支持: <code>java</code>, <code>python</code>, <code>js</code>, <code>html</code>, <code>bash</code>,
        <code>json</code>, <code>yml</code>, <code>xml</code> ...</p>
    <pre class="line-numbers"><code class="language-java">public class HelloWorld {
  public static void main(String[] args) {
    System.out.println(&quot;Hello,World!&quot;);
  }
}
</code></pre>


    <!-- markdown-end -->
</article>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.26.0/components/prism-core.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.26.0/plugins/autoloader/prism-autoloader.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.26.0/plugins/line-numbers/prism-line-numbers.min.js"></script>
</body>
</html>